<template>
    <div id="v-form">
        <el-form size="default" label-width="180px" :model="formInfo">
            <el-row>
                <el-col v-for="(data,index) in Object.keys(formInfo)" :key="index" :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
                    <el-form-item :label="data">
                        <el-input disabled readonly v-model="formInfo[data]" />
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
        <slot name="tableFile"></slot>
    </div>
</template>
<script lang="ts">
import { defineComponent, ref, reactive , computed , toRef , toRefs , toRaw , onMounted , watch } from 'vue';
export default defineComponent({
    name:'v-form',
    props: {
        formInfo: {
            type: Object,
            default: {}
        }
    },
    setup(props,ctx){
        return {}
    }
})
</script>
<style lang="scss" scoped></style>